import React, { Component } from 'react';

class ComE extends Component {
  constructor() {
    super();
    this.state = {
      hobby: "eat"
    }
  }
  render() {
    console.log('ComE:', this.props);
    // this.props.arr = [666]
    // read only property :只读属性
    // this.props.obj = {time: '666'}
    console.log(this.props.arr);
    let {job, arr} = this.props;
    return (
      <div>
        {/* state和怕props的区别：1.props是传入的数据，state是构造函数中自己的数据；2.props中的数据不能修改；state中的数据可以通过setState函数修改 */}
        <p>我是ComD的子组件，我的年龄是{this.props.age}, 我的名字是{this.props.name}</p>
        <p>{job}</p>
        <p>{arr}</p>
        <button onClick={()=>this.props.fn(this.state.hobby)}>子传父</button>
      </div>
    );
  }
}

export default ComE;
